<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/default.min.css'>
    <script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js'></script>
</head>
<body>
    <pre>
        <code>
        let a = 12
        let b = a
        b = 13
        console.log(a); // 12

        let n = {
            name:'长不胖',
            age:18
        }

        let m = n
        m.name = 'i小礼品'
        console.log(n.name); // i小礼品

        /**
         * 执行代码 ==> 栈内存 (Stack)
         * 浏览器分配一个主线程 用来自上而下执行浏览器代码
         * 
        */



        /**
         * let a = 12
         * 栈内存分为 变量栈内存 数值栈内存
         * 分为三步 (简单/基本类型数据存储是这样的)
         * a存进 变量栈内存
         * 12存入数值栈内存
         * a => 12 将变量和当前的数值进行关联
         * 
        */



        /**
         * 复杂类型数据
         * 1.从内存中再分配出一块内存 用来存储复杂数据类型
         * 
        */
        </code>
    </pre>
    <img src="./image.png" width="100%" alt="" srcset="">
    <img src="./image-1.png" width="100%" alt="" srcset="">
    <img src="./image-2.png" width="100%" alt="" srcset="">
    <script> hljs.highlightAll()</script>
    <script>

        let a = 12
        let b = a
        b = 13
        console.log(a); // 12

        let n = {
            name:'长不胖',
            age:18
        }

        let m = n
        m.name = 'i小礼品'
        console.log(n.name); // i小礼品

        /**
         * 执行代码 ==> 栈内存 (Stack)
         * 浏览器分配一个主线程 用来自上而下执行浏览器代码
         * 
        */



        /**
         * let a = 12
         * 栈内存分为 变量栈内存 数值栈内存
         * 分为三步 (简单/基本类型数据存储是这样的)
         * a存进 变量栈内存
         * 12存入数值栈内存
         * a => 12 将变量和当前的数值进行关联
         * 
        */



        /**
         * 复杂类型数据
         * 1.从内存中再分配出一块内存 用来存储复杂数据类型
         * 
        */
    </script>
</body>
</html>